<%--
  Created by IntelliJ IDEA.
  User: caoyuncang
  Date: 2019/7/13
  Time: 18:40
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>

<title>注册-网上书店My-eBookStore</title>
<link rel="shortcut icon" href="http://www.sdust.edu.cn/images/favicon.ico" mce_href="images/favicon.ico" type="image/x-icon">
<link rel="icon" href="http://www.sdust.edu.cn/images/favicon.ico" mce_href="images/favicon.ico" type="image/x-icon">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <!--<script type="text/javascript">
        function val(){
            var name=window.document.getElementById("user").value;
            var password=window.document.getElementById("password").value;
            if (name == ""||password ==""){
                window.alert("用户名或密码不能为空!");
                return false;
            }
            if(name!="px980305"||password!="px980305"){
                window.alert("用户名或密码错误!");
                return false;
            }
            return true;
        }
    </script>-->
    <style type="text/css">
        a{
            text-decoration:none;
            color:black;
        }
        a:hover{
            text-decoration: none;
            color:#FF4500;
        }
    </style>
    <style>
        .button {
            background-color: #e9967a;
            border: none;
            color: white;
            padding: 10px 32px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            margin: 4px 2px;
            -webkit-transition-duration: 0.4s; /* Safari */
            transition-duration: 0.4s;
            cursor: pointer;
        }

        .login-button { /* 按钮美化 */
            width: 140px; /* 宽度 */
            height: 40px; /* 高度 */
            border-width: 0px; /* 边框宽度 */
            border-radius: 3px; /* 边框半径 */
            background: #FF4500; /* 背景颜色 */
            cursor: pointer; /* 鼠标移入按钮范围时出现手势 */
            outline: none; /* 不显示轮廓线 */
            font-family: Microsoft YaHei; /* 设置字体 */
            color: white; /* 字体颜色 */
            font-size: 20px; /* 字体大小 */
        }
        .login-button:hover { /* 鼠标移入按钮范围时改变颜色 */
            background: #FF7F50;
        }
        .button3 {
            background-color: #f0ffff;
            color: #111111;
            border: 1px solid #f0ffff;
        }

        .button3:hover {
            background-color: #f0ffff;
            color: #FF4500;
        }

    </style>
</head>
<body >
<table width=100% border=0 ><tr><th width=2000 height=150 border=1 bgcolor='ccffff' ><center><table><th><img src="sources/首页1.png" width='50' height='50'></th>
    <th><font size='7' color='ff7517'>网上书店My-eBookStore</th></table></center></th><tr>
    <table style="  background-size: 100%; opacity: 1; filter: alpha(opacity = 30)"><th >
        <table border=0><tr><th width=1500 height=600 border=1><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1563026282654&di=b9e8b1689be4c291df62fd8e5645ed00&imgtype=0&src=http%3A%2F%2Fpic.58pic.com%2F58pic%2F16%2F83%2F83%2F92958PICcSh_1024.jpg" height='400' width=400></th><th>
            <form action="/Web/register"  method="post">
                <table border=0 bgcolor=#f0ffff>
                    <tr><th width=12 height=45></th><th colspan=3 width=82 height=45 align='left'>账户注册</th></tr>
                    <tr><th width=12 height=20></th><th width=20 height=20><img src="sources/用户01.png" style="height: 40px; width: 40px;"></th><th width=50 height=20>
                        <input type="text" style="height:40px" placeholder="用户名" size=40 id="username" name="username"></th><th width=12 height=20></th></tr>
                    <tr><th colspan=4 width=94 height=20></th></tr>
                    <tr><th width=12 height=20></th><th width=20 height=20><img src="sources/锁.png" style="height: 40px; width: 40px;" ></th><th width=50 height=20>
                        <input type="password" style="height:40px" placeholder="📠输入密码" id="pw" name="pw" size=40></th><th width=12 height=20></th></tr>
                    <tr>
                    <tr><th colspan=4 width=94 height=10></th></tr>
                    <tr><th width=12 height=20></th><th width=20 height=20><img src="sources/锁.png" style="height: 40px; width: 40px;"></th><th width=50 height=20>
                        <input type="password" style="height:40px" placeholder="重新输入密码" size=40 id="tpw" name="tpw"></th><th width=12 height=20></th></tr>
                    <tr><th colspan=4 width=94 height=20></th></tr>
                    <tr><th width=12 height=20></th><th width=20 height=20><img src="sources/邮箱.png" style="height: 40px; width: 40px;"></th><th width=50 height=20>
                        <input type="text" style="height:40px" placeholder="电子邮箱地址" size=40 id="email" name="email"></th><th width=12 height=20></th></tr>
                    <tr><th colspan=4 width=94 height=20></th></tr>


                    <tr><td align="center" colspan=4 width=70 height=20 bgcolor=FF5809>
                        <input type="submit" class="login-button"
                               value="注册" ></td></tr>
                    </th><th width=12 height=20></th>
            </form></tr>
            <tr><th colspan=4 width=94 height=6></th></tr>
            <tr><th width=12 height=40><th colspan=2><table width=310 border=0><tr><th  width=35 height=20 align='left'><font size=2><input class="button3" type="reset" value="信息重置"></font></th>
                <th  width=35 height=20 align='right'><font size=2><a href="login.jsp" target="_blank">已有账号？去登录</a></font></th></tr></table></th><th></th></tr>
            <tr><th colspan=4 width=94 height=6></th></tr>
        </table>

    </th><th width='700'></th></tr>
    </table></th><tr><th bgcolor='f9fa9b' height=120><p>📧联系邮箱：1519411943@qq.com</p><p>💎联系地址：山东科技大学</p><p>📞联系电话：13061400806</p></th></table>
</body>


</html>
